<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 一，元素存在多个属性和属性值的使用
		        属性与属性值可以为多个，用空格区分，没有先后顺序
		        图片元素的使用
				
				语法：<img /> 简写<img> 非封闭性标记
				必须属性  src资源属性=【路径】图片全称
				目录==文件夹【项目：存文件夹下】
				Git仓库【front-end】路径 【Day 01】路径  【图片元素.html】
				
				路径：可以找到文件的地址，/ \代表路径
				front-end/Day01/图片元素.html
				路径用法：
				/ 代表 上传至服务器 【推荐】
				\ 代表 下载到本地
				
				相对路径
				绝对路径
				
				alt标题属性    属性值文本自定
				特点：网络延迟图片显示失效或者路径图片全称写错，
				    用户提示
				title标题属性  属性值文本自定
				特点：鼠标移动上图片显示
				
		 -->
		 <img src="../../../img/image/1.png"alt="皮卡丘" />
		 <img src="../../../img/image/2.jpg"title="懒洋洋" width="500px" height="500px" />
		 <img src="../../../img/image/3.gif"alt="蜡笔小新"title="蜡笔小新" />
	</body>
</html>